<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>银行卡·账户</title>
    <link rel="stylesheet" href="../../css/frontEnd/bankCard.css">
    <script src="../../lib/jQuery-3.6.min.js"></script>
</head>

<body>
    <div class="box">
        <!-- 顶部 -->
        <div class="top">
            <!-- log -->
            <img src="../../images/frontEnd/login/log.png" alt="图片路径错误" class="log">
            <ul>
                <!-- 地图 -->
                <li class="map">
                    <svg t="1638330947596" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="1111" width="25" height="25">
                        <path
                            d="M512 0a372.736 372.736 0 0 0-358.4 385.024c0 204.8 324.608 614.4 338.432 629.248a25.6 25.6 0 0 0 39.936 0C545.792 997.376 870.4 590.336 870.4 385.024A372.736 372.736 0 0 0 512 0z m0 956.928c-71.168-92.672-307.2-409.6-307.2-571.904A321.536 321.536 0 0 1 512 51.2a321.536 321.536 0 0 1 307.2 333.824c0 160.256-236.032 479.232-307.2 571.904z"
                            p-id="1112"></path>
                        <path
                            d="M512 268.8A140.8 140.8 0 1 0 652.8 409.6 140.8 140.8 0 0 0 512 268.8z m0 230.4A89.6 89.6 0 1 1 601.6 409.6 89.6 89.6 0 0 1 512 499.2z"
                            p-id="1113"></path>
                    </svg>
                    <a>▼</a>
                </li>
                <!-- 购物车 -->
                <li>
                    <svg t="1638331631850" class="icon" viewBox="0 0 1028 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="4348" width="30" height="30">
                        <path
                            d="M332.8 790.528q19.456 0 36.864 7.168t30.208 19.968 20.48 30.208 7.68 36.864-7.68 36.864-20.48 30.208-30.208 20.48-36.864 7.68q-20.48 0-37.888-7.68t-30.208-20.48-20.48-30.208-7.68-36.864 7.68-36.864 20.48-30.208 30.208-19.968 37.888-7.168zM758.784 792.576q19.456 0 37.376 7.168t30.72 19.968 20.48 30.208 7.68 36.864-7.68 36.864-20.48 30.208-30.72 20.48-37.376 7.68-36.864-7.68-30.208-20.48-20.48-30.208-7.68-36.864 7.68-36.864 20.48-30.208 30.208-19.968 36.864-7.168zM930.816 210.944q28.672 0 44.544 7.68t22.528 18.944 6.144 24.064-3.584 22.016-13.312 37.888-22.016 62.976-23.552 68.096-18.944 53.248q-13.312 40.96-33.28 56.832t-49.664 15.872l-35.84 0-65.536 0-86.016 0-96.256 0-253.952 0 14.336 92.16 517.12 0q49.152 0 49.152 41.984 0 20.48-9.728 35.84t-38.4 14.336l-49.152 0-94.208 0-118.784 0-119.808 0-99.328 0-55.296 0q-20.48 0-34.304-9.216t-23.04-24.064-14.848-32.256-8.704-32.768q-1.024-6.144-5.632-29.696t-11.264-58.88-14.848-78.848-16.384-87.552q-19.456-103.424-44.032-230.4l-76.8 0q-15.36 0-25.6-7.68t-16.896-18.432-9.216-23.04-2.56-22.528q0-20.48 13.824-33.792t37.376-12.288l103.424 0q20.48 0 32.768 6.144t19.456 15.36 10.24 18.944 5.12 16.896q2.048 8.192 4.096 23.04t4.096 30.208q3.072 18.432 6.144 38.912l700.416 0zM892.928 302.08l-641.024-2.048 35.84 185.344 535.552 1.024z"
                            p-id="4349"></path>
                    </svg>
                    <a>融e购</a>
                </li>
                <!-- 用户登陆注册 -->
                <li>
                    <svg t="1638331805340" class="icon" viewBox="0 0 1024 1024" version="1.1"
                        xmlns="http://www.w3.org/2000/svg" p-id="6303" width="30" height="30">
                        <path
                            d="M511.913993 941.605241c-255.612968 0-385.311608-57.452713-385.311608-170.810012 0-80.846632 133.654964-133.998992 266.621871-151.88846L393.224257 602.049387c-79.986561-55.904586-118.86175-153.436587-118.86175-297.240383 0-139.33143 87.211154-222.586259 233.423148-222.586259l7.912649 0c146.211994 0 233.423148 83.254829 233.423148 222.586259 0 54.184445 0 214.67361-117.829666 297.412397l-0.344028 16.685369c132.966907 18.061482 266.105829 71.041828 266.105829 151.716445C897.225601 884.152528 767.526961 941.605241 511.913993 941.605241zM507.957668 141.567613c-79.470519 0-174.250294 28.382328-174.250294 163.241391 0 129.698639 34.230808 213.469511 104.584579 255.784982 8.944734 5.332437 14.277171 14.965228 14.277171 25.286074l0 59.344868c0 15.309256-11.524945 28.0383-26.662187 29.414413-144.319839 14.449185-239.959684 67.429531-239.959684 95.983874 0 92.199563 177.346548 111.637158 325.966739 111.637158 148.792206 0 325.966739-19.26558 325.966739-111.637158 0-28.726356-95.639845-81.534688-239.959684-95.983874-15.48127-1.548127-27.006215-14.621199-26.662187-30.102469l1.376113-59.344868c0.172014-10.148833 5.676466-19.437594 14.277171-24.770032 70.525785-42.487485 103.208466-123.678145 103.208466-255.784982 0-135.031077-94.779775-163.241391-174.250294-163.241391L507.957668 141.567613 507.957668 141.567613z"
                            p-id="6304"></path>
                    </svg>
                    <a>登录|注册</a>
                </li>
                <!-- 搜索框 -->
                <div class="search">
                    <div class="searchbox">
                        <input type="text" placeholder="找功能，找产品，点我！">
                        <img src="../../images/frontEnd/login/搜索.png" alt="">
                    </div>
                    <div class="hidden">
                        <p><a href="#">在产品中搜索""</a></p>
                        <p><a href="#">在缴费中搜索""</a></p>
                    </div>
                </div>
            </ul>
        </div>


        <!-- 导航栏 -->
        <div class="navbar">
            <div class="nav">
                <ul>
                    <li>
                        <div class="img">
                            <img src="../../images/frontEnd/login/更多.png" width="30px" height="30px">
                            <a href="javascript:;">全部</a>
                        </div>
                        <ol>
                            <li><a href="./bankCard.html" target="_black">银行卡.账户</a></li>
                            <li><a href="javascript:;">汇款</a></li>
                            <li><a href="javascript:;">信用卡</a></li>
                            <li><a href="javascript:;">存款.贷款</a></li>
                            <li><a href="javascript:;">理财.债券</a></li>
                            <li><a href="javascript:;">基金.证券.期货</a></li>
                            <li><a href="javascript:;">贵金属.外汇.期货</a></li>
                            <li><a href="javascript:;">保险.养老金.社保.公积金</a></li>
                            <li><a href="javascript:;">信使.预约</a></li>
                            <li><a href="javascript:;">私人银行</a></li>
                            <li><a href="javascript:;">生活缴费</a></li>
                        </ol>
                    </li>
                    <li>
                        <a href="javascript:;">首页</a>
                    </li>
                    <li>
                        <a href="javascript:;">财富广场</a>
                        <ol>
                            <li><a href="javascript:;">贷款</a></li>
                            <li><a href="javascript:;">理财</a></li>
                            <li><a href="javascript:;">基金</a></li>
                            <li><a href="javascript:;">贵金属</a></li>
                            <li><a href="javascript:;">外汇</a></li>
                            <li><a href="javascript:;">账户商品</a></li>
                            <li><a href="javascript:;">债券</a></li>
                        </ol>
                    </li>
                    <li>
                        <a href="javascript:;">惠生活</a>
                    </li>
                    <li>
                        <a href="javascript:;">账户列表</a>
                    </li>
                    <li>
                        <a href="javascript:;">安全</a>
                    </li>
                    <li>
                        <a href="javascript:;">设置</a>
                    </li>
                    <li>
                        <div class="img">
                            <img src="../../images/frontEnd/login/钱袋.png" width="30px" height="30px">
                            <a href="javascript:;">我的网银</a>
                        </div>
                        <ol>
                            <li>
                                <a href="javascript:;">金融日历</a>
                            </li>
                            <li>
                                <a href="javascript:;">账户列表</a>
                            </li>
                            <li>
                                <a href="javascript:;">活动大厅</a>
                            </li>
                            <li>
                                <a href="javascript:;">安全</a>
                            </li>
                            <li>
                                <a href="javascript:;">设置</a>
                            </li>
                        </ol>
                    </li>
                </ul>
            </div>
            <div class="nac">
                <ul>
                    <li>
                        <img src="../../images/frontEnd/login/最爱.png" alt="">
                        <p><a href="#">最爱</a></p>

                    </li>
                    <li>
                        <img src="../../images/frontEnd/login/我的账户.png" alt="">
                        <p><a href="#">我的账户</a></p>
                    </li>
                    <li>
                        <img src="../../images/frontEnd/login/注册账户.png" alt="">
                        <p><a href="#">注册账户</a></p>
                    </li>
                    <li>
                        <img src="../../images/frontEnd/login/裕农通-转账汇款.png" alt="">
                        <p><a href="#">转账汇款</a></p>
                    </li>
                    <li>
                        <img src="../../images/frontEnd/login/信用卡.png" alt="">
                        <p><a href="#">信用卡</a></p>
                    </li>
                    <li>
                        <img src="../../images/frontEnd/login/贷款.png" alt="">
                        <p><a href="#">贷款</a></p>
                    </li>
                    <li>
                        <img src="../../images/frontEnd/login/生活缴费.png" alt="">
                        <p><a href="#">生活缴费</a></p>
                    </li>
                    <li>
                        <img src="../../images/frontEnd/login/投资理财.png" alt="">
                        <p><a href="#">理财</a></p>
                    </li>
                    <li>
                        <img src="../../images/frontEnd/login/我的基金.png" alt="">
                        <p><a href="#">基金</a></p>
                    </li>
                    <li>
                        <img src="../../images/frontEnd/login/贵金属.png" alt="">
                        <p><a href="#">贵金属</a></p>
                    </li>
                    <li>
                        <img src="../../images/frontEnd/login/支付.png" alt="">
                        <p><a href="#">工银e支付</a></p>
                    </li>
                    <li>
                        <img src="../../images/frontEnd/login/特色服务.png" alt="">
                        <p><a href="#">本地特色</a></p>
                    </li>
                    <li>
                        <img src="../../images/frontEnd/login/注册账户.png" alt="">
                        <p><a href="#">账户申请</a></p>
                    </li>
                    <li>
                        <img src="../../images/frontEnd/login/添加.png" alt="">
                        <p><a href="#">调整</a></p>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 账户信息 -->
        <div class="prodoucts">
            <div class="products-box">
                <div class="products-item">

                    <!-- 标题部分 -->
                    <div class="products-tit">
                        <h3>银行卡.账户</h3>
                    </div>

                    <!-- 服务部分 -->
                    <div class="products-service">
                        <div class="products-service-list">
                            <div class="products-service-list-tit">
                                <h6>账户服务</h6>
                                <ul class="products-service-ul">
                                    <li><a>账户申请</a></li>
                                    <li><a>明细查询</a></li>
                                    <li><a>余额查询</a></li>
                                    <li><a>电子对账单</a></li>
                                    <li><a>电子回单</a></li>
                                    <li><a>资信证明</a></li>
                                    <li><a>电子工资单</a></li>
                                    <li><a>支付明细查询</a></li>
                                    <li><a>网银互联</a></li>
                                    <li><a>联名账户</a></li>
                                    <li><a>工行全球账户</a></li>
                                    <li><a>开户网点查询</a></li>
                                    <li><a>小额账户销户</a></li>
                                    <li><a>挂失</a></li>
                                    <li><a>工资明细</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="products-service-list">
                            <div class="products-service-list-tit">
                                <h6>借卡服务</h6>
                                <ul class="products-service-ul">
                                    <li><a>账户申请</a></li>
                                    <li><a>明细查询</a></li>
                                    <li><a>余额查询</a></li>
                                    <li><a>电子对账单</a></li>
                                    <li><a>电子回单</a></li>
                                    <li><a>资信证明</a></li>
                                    <li><a>电子工资单</a></li>
                                    <li><a>支付明细查询</a></li>
                                    <li><a>网银互联</a></li>
                                    <li><a>联名账户</a></li>
                                    <li><a>工行全球账户</a></li>
                                    <li><a>开户网点查询</a></li>
                                    <li><a>小额账户销户</a></li>
                                    <li><a>挂失</a></li>
                                    <li><a>工资明细</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <!-- 页脚信息 -->
        <div class="footer-block">
            <div class="width footer-block-body">
                <div id="frame-footer-left" class="footer-left">
                    <ul>
                        <li class="first">
                            <a href="http://www.icbc.com.cn/icbc/%e5%ae%a2%e6%88%b7%e6%9c%8d%e5%8a%a1/map.htm"
                                target="_blank" rel="noopener noreferrer">网站地图</a>
                        </li>
                        <li class="second">
                            <a href="http://www.icbc.com.cn/icbc/%e5%ae%a2%e6%88%b7%e6%9c%8d%e5%8a%a1/service.htm"
                                target="_blank" rel="noopener noreferrer">联系我们</a>
                        </li>
                        <li class="third">
                            <a href="http://www.icbc.com.cn/icbcltd/%e7%bd%91%e7%ab%99%e5%a3%b0%e6%98%8e/%e7%bd%91%e7%ab%99%e5%a3%b0%e6%98%8e.htm"
                                target="_blank" rel="noopener noreferrer">网站声明</a>
                        </li>
                        <li class="last">
                            <a href="http://www.icbc.com.cn/icbc/%e5%ae%a2%e6%88%b7%e6%9c%8d%e5%8a%a1/business_offices.htm"
                                target="_blank" rel="noopener noreferrer">服务网点</a>
                        </li>
                    </ul>

                </div>

                <div class="footer-medium">
                    <ul>
                        <li>本网站支持IPv6</li>
                    </ul>
                </div>

                <div id="frame-footer-right" class="footer-right">
                    <ul class="copyright-ul">
                        <li>服务热线95588</li>
                        <li>中国工商银行版权所有</li>
                        <li>京ICP证 030247号</li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 加载动画 -->
        <div class="loader-wrapper">
            <!-- 文字部分 -->
            <canvas></canvas>
            <h1>202<span class="pen">1</span> 新年快乐😃</h1>
        </div>
</body>
<script src="../../js/frontEnd/bankCaed.js"></script>
<script>
    $(window).on("load", function () {
        $(".loader-wrapper").animate({
            opacity: 0
        }, 5000);
        setTimeout(function () {
            $(".loader-wrapper").remove();
        }, 5000)
    })
</script>

</html>